<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>{{ title }}</title>
	<link rel="manifest" href="{{ proxy_url }}/__js__/my/manifest.json?act=tl">
	<link rel="shortcut icon" href="{{ proxy_url }}/__icon__/favicon.ico">
	<link rel="stylesheet" type="text/css" href="{{ proxy_url }}/__css__/normal.css?act=tl">
	<script src="{{ proxy_url }}/__js__/3rd/toastify-js/toastify.js"></script>
	<script src="{{ proxy_url }}/__js__/my/toast.js"></script>
	<script src="{{ proxy_url }}/__js__/my/normal.js"></script>
</head>
<body>
<div class="content-container">
	<div class="banner">
		<a href="./"><button class="btn-normal" id="btn-back"></button></a>
		<div title="{{ title }}" class="banner-title">{{ title }}</div>
		<a href="{{ audio['u'] }}?act=dl" download><button class="btn-normal" id="btn-download"></button></a>
	</div>
	<div class="mainbody">
		<div id="location-path"><img src="{{ proxy_url }}/__icon__/here.svg" /><span>当前位置</span>
			<div id="path-list"><a href="{{ proxy_url }}/">首页</a></div>
		</div><br>
		
		<div class="av-con"><p class="av-title">{{ title }}</p><canvas id="can-audio"></canvas><br><audio controls autoplay id="player-audio"><source src="{{ audio['u'] }}?act=pl" type="{{ audio['t'] }}"></audio></div><br>
	</div>
	<!-- <footer><a href="{{ proxy_url }}/">File Server {{ version }}</a> ©CopyRight 2023</footer> -->
</div>
</body>
<script src="{{ proxy_url }}/__js__/my/audio.js"></script>
</html>